/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {

	color: #ffffff;
	/*  font-family：Arial,Helvetica,sans-serif;*/
}

body,
p,
a,
li,
span,
td,
th {
	font-family: Arial, Georiga, Helvetica, sans-serif;
}


a {
	text-decoration: none;
}

.container {
	min-width: 1100px;
}

.pagination {
	margin: auto !important;
	padding-bottom: 10px;
}

/* 字定义颜色
-------------------------------------------------- */
.q-bg-black {
	background: #0a1420;
}

.q-bg-red {
	background: #f6252a;
	border-Radius: 0rem;
}

.q-text-black {
	color: #3c3d3f;
	text-align: center;
}

.q-text-black-only {
	color: #000;
}



/* logo
-------------------------------------------------- */
.q-logo {
	width: 15rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}

#navbarCollapse {
	margin-left: -0.4rem;
}

/* 导航条
-------------------------------------------------- */
.nav:hover {
	text-decoration: none;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

.nav-item a:hover {
	font-weight: bold;
}

/*0827*/
.dropdown-menu-global {
	margin: 0 !important;
}

/*0827*/
.dropdown-menu-btn:hover>.dropdown-menu-global {
	display: block;
}

.q-active span {
	text-decoration: none;
	border-bottom: 2px solid #fff;

}

.q-search-icon {
	background-color: #fff;
	border: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;

}

.q-search {
	border: 1px solid #fff;
	padding-left: 0;
	margin-left: 0;
	padding-right: 0;
	margin-right: 0;
}

.nnavbar .form-inline .input-group {
	width: 16.5rem;

}

/*0827*/
.nnavbar .nav-item {
	font-size: 1rem;
}

.text-2 {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #07287b !important;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

/* footer
------------------------- */
.q-footer {
	background-color: #edeef0;
	min-height: 6rem;
}

.q-featurette-divider {
	border: 0;
	border-top: 0.2rem solid #091321;
	margin-top: 0;
	padding-left: 0;
}

.q-logo-footer {
	width: 80%;
	margin-top: 0.5rem;
}

.p-footer-right {}

.p-footer-right p {
	margin-bottom: 0.2rem;
	/* margin-top: 0; */
}

.q-text-black-footer {
	color: #000;

}

.q-text-black-footer a {
	color: #000;
	font-weight: bold;
	text-decoration: none;

}

/* define bootstrap 5 columns */
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5,
.col-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-1-5 {
	width: 20%;
	float: left;
}

.col-1-5 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {

	/* Bump up size of carousel content */
	.carousel-caption p {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.4;
	}

	.featurette-heading {
		font-size: 50px;
	}
}

@media (min-width: 62em) {
	.featurette-heading {
		margin-top: 7rem;
	}
}

.q-header-divider {
	border: 0;
	border-top: 0.3rem solid #2549a3;
	margin: 0;
	padding-left: 0;
}

/*sigin.html-===============================================================================*/
.sign-main {
	background: url(../img/about-us.png) no-repeat;
	background-size: 100% 100%;
}

.sign-container {

	background-color: rgba(255, 255, 255, 0.3);
	height: 32rem;
}

.form-signin {
	background-color: #fff;
	width: 100%;
	max-width: 330px;
	padding: 15px;
	margin: auto;
	z-index: 100;

}

.form-signin .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="text"] {
	background-color: #f2f2f2;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	background-color: #f2f2f2;
}

.q-btn-primary {
	background-color: #2549a3;
	color: #fff;
}

.q-sign {
	color: #2549a3;
}

.q-fpwd {
	color: #ce3c3c;
}

/*logon.html-===============================================================================*/
.logon-main {
	background-color: #f4f6fa;
}

.logon-container {

	height: 35rem;
}

.form-logon {

	width: 60rem;
	margin: auto;
	z-index: 100;


}

.form-logon-content {
	background-color: #fff;
	box-shadow: 2px 2px 2px 2px #efefef;
	;
	padding: 15px;
}

.form-logon .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
}

.form-logon .form-control:focus {
	z-index: 2;
}

.form-logon input[type="Email"] {
	background-color: #f2f2f2;
}

.form-logon input[type="password"] {
	margin-bottom: 10px;
	background-color: #f2f2f2;
}

.q-btn-primary {
	background-color: #2549a3;
	color: #fff;
}


/*personal.html===========================================*/
.q-p-container {
	/* height:30rem;
  padding-top: 0;
  margin-top: 0;*/
}

.q-p-row {
	min-height: 25rem;
}

.q-personal {
	background-color: #2549a3;
	max-height: 35rem;
}

.q-personal ul {
	width: 100%;

}

.q-personal li {
	width: 100%;
	color: #fff;
	position: relative;


}

.q-personal li a {
	color: #fff;

}

.q-nav-icon {
	position: absolute;
	width: 0.4rem;
	height: 0.8rem;
	background-color: #fff;
	margin-top: 0.3rem;
	margin-left: -0.6rem;
	display: none;

}

.q-personal li a.active {
	font-weight: bold;
	/* border-left:  5px solid #fff;*/


}

.q-personal li a.active>span {
	display: block;
	/* border-left:  5px solid #fff;*/


}



/*.q-personal li a.active>span{
 border-left:  2px solid #fff;
 height: 0.2rem;
}*/

.q-p-title.disabled {
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
}

.q-p-nav-img {
	position: absolute;
	width: 100%;
	margin-bottom: 0;
	bottom: 0;
	left: 0;
	opacity: 0.4;
}

.form-personal-info {

	width: 100%;
	margin: auto;
	z-index: 100;


}

.form-personal-info-content {

	padding: 15px;
}

.form-personal-info .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
}

.form-personal-info .form-control:focus {
	z-index: 2;
}

.form-personal-info input {
	margin-bottom: 10px;
	background-color: #f2f2f2;
}

.form-personal-info select {
	margin-bottom: 10px;
	background-color: #f2f2f2;
}

.q-p-form {
	background-color: #fff;
	box-shadow: 2px 2px 2px 2px #efefef;
	;

}

.form-personal {

	width: 100%;
	margin: auto;
	z-index: 100;


}

.form-personal-content {

	padding: 15px;
}

.form-personal .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
}

.form-personal .form-control:focus {
	z-index: 2;
}

.form-personal input[type="password"] {
	margin-bottom: 10px;
	background-color: #f2f2f2;
}


/*index.html*/
/* CUSTOMIZE THE CAROUSEL  头部幻灯
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	margin-bottom: 2rem;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption2 {
	bottom: 1rem;
	z-index: 10;
	width: 100%;
	color: #fff;
	text-align: center;
}

#myCarousel .container-fluid {
	margin-left: 0;
	padding-left: 0;
	margin-right: 0;
	padding-right: 0;
}

#myCarousel a {
	text-decoration: none;
	color: #fff;
}

/* Declare heights because of positioning of img element */
.carousel-item {
	background-color: #0a1420;
	width: 100%;

}

.carousel-item>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;

}

.carousel-indicators li {
	width: 6px;
	height: 6px;

}

.q-book {
	width: 100%;
	position: relative;
	display: block;
	padding-top: 44.44%;
}

.q-book-mini {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.carousel-caption2 .btn {
	margin-bottom: 30px;
	width: 20%;
	font-size: 1rem;
}


/* 书籍展示
-------------------------------------------------- */

/*书籍展示幻灯*/
.pro-new {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 10px 0 5px 0;
	text-decoration: none;
}

.pro-new .title {
	font-size: 40px;
	text-align: center;
	padding-bottom: 5px;
	color: #333333;
	letter-spacing: 1px;
}

.pro-new .sub-title {
	font-size: 20px;
	text-align: center;
	color: #333333;
}

.pro-new .sub-title span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: auto;
}

.pro-new .sub-title span.text {
	padding: 0 10px;
}

.pro-new-show {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.pro-new-show .pro-list {
	width: 100%;
	height: auto;
	margin-top: 0px;
	overflow: hidden;
}

.pro-new-show .pro-list ul li {
	float: left;
	width: 20%;
	height: auto;
	overflow: hidden;
	background: #FFFFFF;
	margin-right: 10px;
}

.pro-new-show .pro-list ul li:last-child {
	margin-right: 0;
}

.img {
	position: relative;
	width: 100%;
	display: block;
	padding-top: 133%;

}

.img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pro-new-show .pro-list ul li .desc {
	padding: 5px 0px;
	box-sizing: border-box;
	text-decoration: none;
}

.pro-new-show .pro-list ul li .desc p {
	display: inline-block;
	/* white-space: nowrap; */
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pro-new-show .pro-list ul li .desc .p-title {
	font-size: 16px;
	color: #4c6db2;
	font-weight: bold;
}

.pro-new-show .pro-list ul li .desc .p-desc {
	font-size: 16px;
	color: #4c6db2;
	line-height: 20px;
	margin-top: -10px;
}

.pro-new-show .pro-list ul li .desc .q-book-by {
	color: #000;
}

.pro-new-show .arrow a {
	display: inline-block;
	position: absolute;
	width: 49px;
	height: 311px;
	z-index: 2;
}

.pro-new-show .arrow a.prev {
	left: 0;
	top: 0;
	background: url(../img/arrow-left-t.png) center center no-repeat;
}

.pro-new-show .arrow a.next {
	right: 0;
	top: 0;
	;
	background: url(../img/arrow-right-t.png) center center no-repeat;
}

.pro-new-show .arrow a:hover {
	background-color: rgba(0, 0, 0, .3);
}

.pro-new-show .pagination {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 40px;
	text-align: center;
}

.pro-new-show .pagination ul li {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: #FFFFFF;
	display: inline-block;
	margin: 0 8px;
	text-indent: -9999px;
}

.pro-new-show .pagination ul li.on {
	background: #2069ff;
}


/*books.html*/

.book-selector {
	background-color: #f7f7f7;
}

.book-selector ul li a {
	background-color: #ffffff;
	border: 1px solid #dadada;
	color: #000;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 14px;
}

.book-selector .select-title {
	border: none;
	background-color: #f7f7f7;
	font-weight: bold;
	color: #000;
}

.book-selector .select-more a {
	border: none;
	background-color: #f7f7f7;
	color: #2549a3;
}

.book-selector .nav-link.active {
	color: #fff;
	background-color: #2549a3;
}

.book-selector .select-more .nav-link.active {
	background-color: #fff;
	color: #2549a3;
}

.book-selector .select-more.show>.nav-link {
	background-color: #fff;
	color: #2549a3;
}

.book-img {
	position: relative;
	width: 100%;
	display: block;
	padding-top: 133%;
}

.book-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.book-list .book-desc {
	padding: 5px 0px;
	box-sizing: border-box;
	text-decoration: none;
}

.book-list .book-desc p {
	display: inline-block;

	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.book-list .book-title {
	font-size: 16px;
	color: #4c6db2;
	font-weight: bold;
}

.book-list .book-author {
	font-size: 16px;
	color: #4c6db2;
	line-height: 20px;
	margin-top: -10px;
}

.book-list .book-by {
	color: #000;
}



/*bookDetail.html*/

.book-detail-img {
	position: relative;
	width: 100%;
	display: block;
	padding-top: 133%;
}

.book-detail-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 2px 2px 2px 2px #efefef;

	/*考虑浏览器兼容性*/
	-moz-box-shadow: 2px 2px 2px 2px #efefef;
	-webkit-box-shadow: 2px 2px 2px 2px #efefef;
}

.book-detail-right {
	margin-left: 0.5rem;
}

.book-detail-right .book-title {
	font-size: 2rem;
	font-weight: bold;
}

/*.book-detail-right .btn-lg{
  padding: .375rem .75rem;;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .3rem;
}*/
.book-detail-buy {
	position: relative;
	border-radius: 0.25rem;
	background-color: #f7f7f7;
	font-weight: bold;
}

.book-detail-buy-icon {
	position: absolute;
	width: 0.5rem;
	height: 1rem;
	background-color: #2847a7;
	margin-top: 1rem;
}

.q-bg-red-buy {
	background-color: #f63910;
	border-radius: 0.25rem;
	float: right;
	font-weight: bold;
	margin-bottom: 0.5rem;

}

.intro-title {
	color: #000;
	position: relative;
}

.intro-title .intro-icon {
	width: 0.5rem;
	height: 1rem;
	background-color: #2847a7;
	position: absolute;
	margin-top: 0.4rem;


}

.intro-title .intro {

	font-size: 1.2rem;
	font-weight: bold;
}

.intro-detail {
	font-size: 1rem;
	margin-bottom: 10px;
}

/*authors.html and authorDetail.html*/
.author-selector {
	background-color: #f7f7f7;
}

/*0818*/
.author-selector .author-selector-left {
	width: 8rem;

}

/*0818*/
.author-selector .author-selector-right {
	width: 100%;

}

.author-selector .nav-link {
	padding-top: 0.5rem;
	padding-right: 0;
	padding-left: 0;
}

.author-selector-blue span {
	font-size: 1rem;
	margin-top: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 1.4rem;
}

.author-selector-blue {
	background-color: #007cc2;
	border-radius: 0.3rem;
	padding: 0.5rem 0.5rem 0.5rem 2rem;
}

.author-selector ul li {
	/* margin-top: 5px;*/
	/* vertical-align: middle;*/
	/* width: 4rem;
 height: 1.5rem;*/
	text-align: center;

}

.author-selector ul li a {

	/*  border: 1px solid #dadada;*/
	color: #fff;
	border-radius: 5;
	/*  margin-left: 5px;
  margin-right: 5px;*/
	text-align: center;
	width: 3rem;
	height: 1.8rem;
	font-size: 1rem;
	line-height: 1rem;
	display: inline-block;

}

.author-selector .select-title {
	border: none;
	background-color: #f7f7f7;
	font-weight: bold;
	color: #000;
}

.author-selector .nav-link.active {
	color: #007cc2;
	background-color: #ffffff;
}

.author-title {
	color: #000;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000;
	margin-top: 0;
	padding-top: 0;
}

.author-title .author-icon {
	width: 0.5rem;
	height: 1rem;
	background-color: #2847a7;
	position: absolute;
	margin-top: 0.7rem;


}

.author-title .instro {

	font-size: 28px;
	font-weight: bold;
}

.author-left-img {
	position: relative;
	width: 100%;
	display: block;
	padding-top: 150%;

}

.author-left-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.author-right {
	/*s*/
}

.author-right .author-en {
	font-size: 28px;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.author-right .author-cn {
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.author-detail-desc {
	font-size: 1.1rem;
	text-align: justify;
	line-height: 1.5rem;
}

/*0827*/
.author-desc {
	font-size: 1.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: normal;
	text-align: justify;
	line-height: 1.5rem;
}

/*.author-desc::after {
 content: "...";
  font-size: 1.1rem;
 position: absolute;
 bottom: 0;
 right: 8px;
 padding-left: 30px;
 background: -webkit-linear-gradient(left, transparent, #fff 50%);
 background: -o-linear-gradient(right, transparent, #fff 50%);
 background: -moz-linear-gradient(right, transparent, #fff 50%);
  background: linear-gradient(to right, transparent, #fff 50%);
}*/
/*0827*/
.author-more {
	background-color: #2549a3;
	float: right;
	margin-bottom: 0;
}

/*0827*/
.author-more-div {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 3rem;
	padding-bottom: 0;
	margin-bottom: 0;
}

/*0827*/
.author-more-divinner {
	padding-bottom: 0;
	margin-bottom: 0;
}


.author-desc .book-name {
	color: #2549a3;
}

.author-desc .book-name a {
	text-decoration: none;
}

/*digital.html and digitalDetail.html*/

.digital {}

.digital-left-img {

	position: relative;
	width: 100%;
	display: block;
	padding-top: 100%;
}

.digital-left {
	padding-left: 0;
	padding-right: 0;
}

.digital-left-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.digital-left-title {
	width: 100%;
	min-height: 6rem;
	background-color: #3e5da9;
	padding: 10px 5px;
}

/*0827*/
.digital-left-title span {
	width: 100%;

	color: #fff;
	font-size: 1.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: normal;
	line-height: 1.5rem;
}

.digital-right .digital-title {
	font-size: 28px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: normal;
	line-height: 30px;
	text-align: justify;
	color: #000;
	margin-top: 0;
	padding-top: 0;

}

.digital-right .digital-title a {
	color: #000;
	text-decoration: none;
}

.digital-right .digital-date {
	font-size: 18px;
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*0827*/
.digital-desc {
	font-size: 18px;
	font-size: 1.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: normal;
	line-height: 1.5rem;
	text-align: justify;
}

.digital-more {
	background-color: #2549a3;
	float: right;
	margin-bottom: 0;

}

.digital-detail-left-img {

	position: relative;
	width: 100%;
	display: block;
	padding-top: 100%;
}

.digital-detail-left-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.digital-detail .digital-detail-right {
	/*s*/
}

.digital-detail .digital-detail-right .digital-detail-title {
	font-size: 28px;
	font-weight: bold;
	text-align: justify;
	color: #000;
	margin-top: 0;
	padding-top: 0;

}

.digital-detail .digital-detail-right .digital-detail-date {
	font-size: 18px;
}

.digital-detail .digital-detail-desc {
	font-size: 18px;
	text-align: justify;
}

.digital-detail .digital-detail-more {
	background-color: #2549a3;
	float: left;
}

.digital-detail img {
	width: 100%;
}

/*publishers.html*/
.publishers {
	position: relative;
}

.publishers .publisher-icon {
	width: 0.5rem;
	height: 1rem;
	background-color: #2549a3;
	position: absolute;
	margin-top: 2rem;


}

.publishers a {
	color: #000;
}

.publishers .nav-link.active {
	background-color: #2549a3;
}

.publisher-img {
	width: 9rem;
	height: 9rem;
	margin-bottom: 1rem;

}

.publisher-img img {

	width: 90%;
	height: 90%;
	border-radius: 100%;
	border: 1px solid #f2f2f2;

}

.publisher-more {
	background-color: #2549a3;
	float: left;
}

.publisher-more>span {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	margin-bottom: 0.1em;
	border-left: 0.4em dashed;
	border-top: 0.4em solid transparent;
	border-bottom: 0.4em solid transparent;
	margin-left: 0.4rem;
}

.publisher-more:before {
	content: "";
}

.map-container {
	width: 100%;
	height: 40rem;
	margin-top: 3rem;
}

.map-container img {
	width: 70%;

	margin-left: 8rem;


}

/*.line{
    z-index: 10;
}
#line1{
  position: absolute;
  top:10rem;
  left: 10rem;

}
#line2{
  position: absolute;
  top:10rem;
  left: 10rem;

}*/
.des {
	font-size: 0.8rem;
	color: #000;
	background-color: #e0ecf7;
	padding: 5px;
	border-radius: 0.2rem;
	z-index: 20;
}

.des a {
	text-decoration: none;

}

#des1 {
	position: absolute;
	top: 13.3rem;
	left: 7.8rem;

}

#des2 {
	position: absolute;
	top: 15.3rem;
	left: 4.3rem;

}

#des3 {
	position: absolute;
	top: 18.3rem;
	left: 7.4rem;

}

#des4 {
	position: absolute;
	top: 20.3rem;
	left: 2.53rem;

}

#des5 {
	position: absolute;
	top: 11rem;
	left: 55.4rem;

}

#des6 {
	position: absolute;
	top: 13rem;
	left: 55.4rem;
}
#des7 {
	position: absolute;
	top: 16.8rem;
	left: 55.4rem;
}

.popover-header {
	background-color: #fff;
	color: #000;
	border: none;

}

/*publisherDetail.html*/
.publisher-left-img {
	position: relative;
	width: 100%;
	display: block;
	padding-bottom: 100%;

}

.publisher-left-img img {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}

.publisher-right {
	/*s*/
}

.publisher-title {
	font-size: 28px;
	font-weight: bold;
	text-align: justify;
}

.publisher-right .publisher-date {
	font-size: 18px;
}

.publisher-desc {
	font-size: 18px;
	text-align: justify;

}


.publisher-detail img {
	width: 100%;
}



.comment {
	width: 18rem;
	border: 1px solid #376956;
	position: relative;
	background-color: #fff;
	padding: 0px 10px;
	border-radius: 8px;
	position: relative;
	margin-left: 20px;
	color: #000;

}

.comment .comment-name {
	font-weight: bold;


}

.comment .comment-des {}

.comment:before,
.comment:after {
	content: "";
	display: block;
	border-width: 12px;
	position: absolute;
	top: 20px;
	left: -24px;
	border-style: solid dashed dashed;
	border-color: transparent #376956 transparent transparent;
	font-size: 0;
	line-height: 0;
}

.comment:after {
	top: 20px;
	left: -23px;
	border-color: transparent #fff transparent transparent;
}




/*news.html*/
.news {
	position: relative;
}

.news .table-striped tbody tr:nth-of-type(odd) {
	background-color: #f2f4ff;
}

.news th,
.news td {
	border: none;

}

/*about.html*/
.news .news-date {
	float: right;

}

.news a {
	color: #000;
	text-decoration: none;

}

.news .news-title a {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: normal;
	text-align: justify;
}

.news a:hover {
	font-weight: bold;
}

.news .float-follow {
	position: absolute;
	background-color: #fff;
	top: 0;
	width: 8rem height:5rem;
	margin-left: -7rem;
	z-index: 5;
	box-shadow: 2px 2px 2px 2px #efefef;
	/*考虑浏览器兼容性*/
	-moz-box-shadow: 2px 2px 2px 2px #efefef;
	-webkit-box-shadow: 2px 2px 2px 2px #efefef;
	border-radius: 5px;
	border: 1px solid #efefef;

}

.follow-us {
	color: #ce8165;
	text-align: center;
}

.news .float-follow img {
	width: 40%;
	margin-left: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
}

.new-column {
	font-size: 18px;
	color: #000;

}

.new-detail a {
	text-decoration: none;
}

/*
newDetail.html
*/
.new-full {
	/*s*/
}

.new-full .new-title {
	font-size: 20px;
	font-weight: bold;
}

.new-full .new-date {
	font-size: 16px;
}

.new-desc {
	font-size: 16px;
}

.new-desc p {
	width: 100%;
	word-wrap: break-word;
	word-break: normal;
	text-align: justify;
	margin-bottom: 10px;
}

/*0827*/
.new-desc img {}

.news-editor {
	font-size: 16px;
	color: #000;

}

/*
aboutUs.html
*/
.about-us {
	position: relative;
	/*s*/
}

.about-us .about-us-title {
	font-size: 28px;
	font-weight: bold;
}

.about-us .about-us-img img {
	width: 100%;
}

.about-us-desc {
	font-size: 18px;
	text-align: justify;
}

.about-us .about-us-icon {
	width: 0.5rem;
	height: 1rem;
	background-color: #2847a7;
	position: absolute;
	margin-top: 1rem;


}

/*
managementTeam.html
*/
.m-team {
	position: relative;

	/*s*/
}

.m-team .m-team-title {
	font-size: 28px;
	font-weight: bold;
	padding-top: 1rem;
}

.m-team .m-team-img {
	width: 20rem;

}

.m-team .m-team-img p {

	font-family: Arial;
	margin-block-end: 0.3rem;

}

.m-team .m-team-img2 p {

	font-family: Arial;
	font-size: 0.9rem;
	line-height: 1.6rem;
	text-align: center;
	margin-block-end: 0;
}

.m-team .m-team-img img {
	width: 50%;
}

.m-team-img2 {
	width: 7.5rem;
}

.m-team-name {
	font-weight: bold;
}

.m-team .m-team-img2 img {
	width: 6.75rem;
	height: 10.12rem;
}

.m-team .m-team-icon {
	width: 0.5rem;
	height: 1rem;
	background-color: #2847a7;
	position: absolute;
	margin-top: 2rem;


}

/*
contactUs.html
*/
.contact-us {
	position: relative;
	/*s*/
}

.contact-us .contact-us-title {
	font-size: 28px;
	font-weight: bold;
}


.contact-us-desc {
	font-size: 18px;
	text-align: justify;
}

.contact-us .contact-us-icon {
	width: 0.5rem;
	height: 1rem;
	background-color: #2847a7;
	position: absolute;
	margin-top: 1rem;
}

.form-personal-subs {

	width: 100%;
	margin: auto;
	z-index: 100;


}

.form-personal-subs-content {

	padding: 15px;
}

.form-personal-subs .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
}

.form-personal-subs .form-control:focus {
	z-index: 2;
}

.form-personal-subs input {
	margin-bottom: 10px;
	background-color: #f2f2f2;
}

.form-personal-subs label {
	font-weight: bold;
	font-size: 1.2rem;
}

.form-personal-subs .form-check label {
	font-weight: normal;
	font-size: 0.9rem;
}

.sub-content {
	font-size: 0.7rem;
	font-style: italic;
}

/*.form-personal-subs input[type="checkbox"] {

   background-color: red;
}*/
.hidden {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

.form-personal-subs label {
	margin-left: 0;

}

.form-personal-subs input[type=checkbox]+span {
	display: inline-block;
	height: 20px;
	width: 20px;
	border-radius: 3px;
	background-color: #fff;

	border: 1px solid #000;

	/* active style goes here */
}

.form-personal-subs input[type=checkbox]:checked+span .innerspan {

	height: 14px;
	width: 14px;
	margin-top: 2px;
	margin-left: 2px;
	background-color: #2549a3;
}

.txt {
	position: relative;
	/* height: 25px; */
	top: -5px;
	left: 3px;
}

.form-check {
	padding: 0;
}

/*search.html===================*/

.search-list-left-img {

	position: relative;
	width: 100%;

}

.search-list-left-img img {

	width: 100%;
}

.search-list-right .search-list-title {
	font-size: 28px;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000;
	margin-top: 0;
	padding-top: 0;

}

.search-list-right .search-list-title a {
	color: #000;
	text-decoration: none;
}

/*0827*/
.search-list-desc {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: normal;
	line-height: 1.5rem;
	text-align: justify;
}

.search-list-more {
	background-color: #2549a3;
	float: right;
	margin-top: 30px;



}